<template>
  <view class="success">
    <view class="img">
      <image src="/static/支付成功.png"></image>
    </view>
    <view class="font">恭喜，支付成功</view>
    <view class="btn">
      <button class="btn1" @click="Merchandise">查看订单</button>
      <button class="btn1 btn2" @click="index">返回首页</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    Merchandise(){
      uni.navigateTo({
         url: '/pages/Merchandise/Merchandise'
      });
    },
    index() {
      uni.switchTab({
         url: '/pages/index/index'
      })
    },
  },
};
</script>

<style lang="scss" scoped>
.success {
  width: 80%;
  margin: auto;
  text-align: center;
  margin-top: 80rpx;
  .img {
    // text-align: center;
    width: 100%;
    margin: auto;
    image {
      height: 300rpx;
      width: 400rpx;
    }
  }
  .font {
    color: #828282;
    font-size: 40rpx;
    margin-top: 20rpx;
  }
  .btn {
    display: flex;
    margin-top: 60rpx;
    .btn1 {
      width: 250rpx;
      background-color: #fff;
      border: 1px solid #efefef;
      color: #b3b3b3;
    }
    .btn2 {
      background-color: #ececec;
      border: 1px solid #f2f2f2;
    }
  }
}
</style>
